// pages/index/index_search/search.js
let app=getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    searchHistory: ['搜索记录1', '搜索记录2', '搜索记录3'], // 模拟的搜索记录数据
    searchHistoryVisible: true,
    searchValue:'',
    searchList:[]
  },
   // 监听回车事件
   handleConfirm(e) {
    this.hideSearchHistory();//隐藏历史记录
     // 获取输入框内容
    const value = e.detail.value; 
    //将新搜索内容加入到历史记录中去(去重操作)
    let newHistory=this.data.searchHistory;
    newHistory.push(value);
    const uniqueList = [...new Set(newHistory)];
    console.log(uniqueList);
    this.setData({
      searchValue:value,
      searchHistory:uniqueList
    });
    console.log("用户按下回车，输入值为:", value);
    console.log("保存的值："+this.data.searchValue);
    // 在这里执行搜索逻辑或其他操作
    wx.showLoading({
      title: '加载课程中',
    })
    app.requess('chmDemo/course/selectAll','GET',
    {
      pageNum:1,
      pageSize:5,
      name:this.data.searchValue//搜索课程名关键字
    }).
    then(res=>{
      console.log(res.data)
      if(res.data.data==null){
        wx.showToast({
          title: '暂未相关内容',
        });
        this.setData({
          searchList:[],//搜索结果列表清除
        })
      }
      else{
        wx.showToast({
          title: `搜索内容: `+value,
        });
        this.setData({
          searchList:res.data.data.list,
        })
      }
     
      wx.hideLoading()
    })
  },
  handleInput: function (e) {
    // 这里可以添加根据输入内容实时搜索的逻辑，目前暂未实现
  },
  handleFocus: function () {
    this.setData({
    searchHistoryVisible: true
    });
  },
  clearSearchHistory: function () {
     // 清除记录后隐藏清除按钮
    this.setData({
      searchHistory: [],
      searchHistoryVisible: false
    });

    // 图片上移填补空白位置
    const query = wx.createSelectorQuery().in(this);
    query.select('.image-container').boundingClientRect((rect) => {
      const marginTop = rect.top - 10;
      this.setData({
        marginTop: marginTop
      });
    }).exec();
  },
  handleHistoryItemTap: function (e) {
    const index = e.currentTarget.dataset.index;
    const selectedHistory = this.data.searchHistory[index];
    // 这里可以添加点击搜索记录后进行搜索的逻辑，目前暂未实现
    console.log('点击了搜索记录:', selectedHistory);
    this.setData({
      searchValue:selectedHistory
    });

  },
  back(){
    wx.navigateBack({
      delta:1
    })
  },
  hideSearchHistory:function(){
    this.setData({
      searchHistoryVisible: false
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})